<template>
  <mt-swipe :auto="4000" :style="{'height': myHeight}" class="swiper">
    <mt-swipe-item v-for="(item, index) in imgs" :key="index">
      <img :src="item.img" alt />
    </mt-swipe-item>
  </mt-swipe>
</template>

<script>
export default {
  name: "MySwiper",
  data() {
    return {
      imgs: []
    };
  },
  props:['url', 'myHeight'],
  created() {
    this.$axios.get("getlunbo/"+this.url)
      .then(res => {
        // console.log(res.data);
        this.imgs = res.data;
        // console.log("myHeight: ", this.myHeight);
        // console.log("url: ", this.url);
      })
      .catch(err => {
        console.log("轮播图数据异常", err);
      });
  }
};
</script>


/* // 这里的 scoped 表示只在当前组件起作用 （局部） */
<style lang="css" scoped>
/* 轮播图 */
.swiper {
  width: 100%;
  height: 200px;
}
.swiper img {
  width: 100%;
  height: 100%;
}
</style>